import React from 'react';
import { Link } from 'react-router-dom';

export default function App() {
    return (
        <main className='container p-4'>
            <ul className='p-4'>
                <li className=' py-2'>
                    <Link to='home'>home</Link>
                </li>
                <li className=' py-2'>
                    <Link to='usecontextbaddemo'>usecontext-bad-demo</Link>
                </li>
                <li className=' py-2'>
                    <Link to='usecontextgooddemo'>usecontext-good-demo</Link>
                </li>
                <li className=' py-2'>
                    <Link to='reduxthunkdemo'>redux-thunk-demo</Link>
                </li>
                <li className=' py-2'>
                    <Link to='reduxsagademo'>redux-saga-demo</Link>
                </li>
                <li className=' py-2'>
                    <Link to='mobxdemo'>mobx-demo</Link>
                </li>
                <li className=' py-2'>
                    <Link to='dvademo'>dva-demo</Link>
                </li>
            </ul>
        </main>
    );
}
